﻿
/*Breadcrumb menu */
div.bct { text-align:center; margin-bottom:20px;  }
div.bct span {}
div.bct a { font-size:smaller; }


/*Products & Topic Pages */
table.products { margin-bottom:25px; width:750px;  }
td.underline, tr.underline td { border-bottom:1px solid #aaa; }

a { text-decoration:none;  }
a:hover   { text-decoration:underline;  }

div.product a { margin-left:10px; } 

a.disabled { white-space:nowrap; color:#ddd;  text-decoration:none; font-size:14px; line-height:36px;   padding:6px 12px; margin:0px 10px 0px 0px;  border:2px solid #ddd; background-color:#f2f2f2;   font-style:italic;  -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }
a.orderNow { white-space:nowrap; color:Black; text-decoration:none; font-size:14px; line-height:36px;   padding:6px 12px; margin:0px 10px 0px 0px;  border:2px solid #ddd; background-color:#f2f2f2;                       -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }
a.orderNow:hover {  background-color:#e2e2e2; }

/*Sermons,Conference Sets,...,All*/
.products a.menu {  margin-left:5px; color:#3B5998; text-decoration:none; font-size:12px;   padding:2px 8px;  border:1px solid #ddd; background-color:#f2f2f2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.products a.menu:hover {  background-color:#e2e2e2; border:1px solid #aaa;  }
.products a.selected {  margin-left:5px; color:#3B5998; text-decoration:none; font-size:12px;  padding:2px 8px;  border:1px solid #777; background-color:#d2d2d2; font-weight:bold;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.products a.selected:hover {  background-color:#f2f2f2; border:1px solid #777; }

/*Set, 1, 2, .., 12 */
.nav a { margin:0px 0px; padding:2px 4px; border:1px solid #bbb; font-size:10px; text-decoration:none;   -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.nav a.selected { background:#ccc; border: 1px solid #aaa; }
.nav a:hover    { background:#ccc; border: 1px solid #bbb; }


table.payment, table.box { margin-bottom:10px; border:1px solid #aaa; background-color:#eee;   -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }
table.payment td { padding-left:5px; }

ul { margin-left:0px; padding-left:0px; margin-top:0px; }

/*New Product Pages*/
h1.product { font-size:16px; line-height:22px; font-weight:bold; letter-spacing:normal; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; margin:2px 0px;    }
h2.product { font-size:12px; line-height:16px; font-weight:bold; letter-spacing:normal; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; margin:2px 0px;   }
h2.product a { color:Black; }

/* New Search Pages */
div.topmenu { text-align:center;  margin-top:20px; margin-bottom:10px; }
div.topmenu a.menu, a.topmenu  { white-space:nowrap; margin-left:5px; color:#3B5998; text-decoration:none; font-size:14px;   padding:2px 8px;  border:1px solid #ddd; background-color:#f2f2f2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.topmenu a.menu:hover, a.topmenu:hover { white-space:nowrap; background-color:#e2e2e2; border:1px solid #aaa;  }
div.topmenu a.selected {  white-space:nowrap; margin-left:5px; color:#3B5998; text-decoration:none; font-size:14px;  padding:2px 8px;  border:1px solid #777; background-color:#d2d2d2; font-weight:bold;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.topmenu a.selected:hover { white-space:nowrap;  background-color:#f2f2f2; border:1px solid #777; }

div.topmenu2 { text-align:center;  margin-top:20px; margin-bottom:10px; }
div.topmenu2 a.menu { white-space:nowrap; margin-left:5px; color:#3B5998; text-decoration:none; font-size:12px;   padding:2px 8px;  border:1px solid #ddd; background-color:#f2f2f2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.topmenu2 a.menu:hover { white-space:nowrap; background-color:#e2e2e2; border:1px solid #aaa;  }
div.topmenu2 a.selected {  white-space:nowrap; margin-left:5px; color:#3B5998; text-decoration:none; font-size:12px;  padding:2px 8px;  border:1px solid #777; background-color:#d2d2d2; font-weight:bold;  -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.topmenu2 a.selected:hover { white-space:nowrap;  background-color:#f2f2f2; border:1px solid #777; }

div.search { text-align:center;  margin-top:25px; margin-bottom:5px; white-space:nowrap; }
div.results { text-align:center; }
div.facebook_like { text-align:center;margin-top:25px; margin-bottom:10px; height:30px; }


.datagrid 
{
 border: 1px solid #ccc;
  font-size: 12px;
  border-collapse:collapse;
}

td.left { border-left:1px solid #eee; }
td.right { border-right:1px solid #eee; }

.datagrid th, .datagrid td {
	padding: 2px 5px;
	border-bottom: 1px solid #ccc;
    text-align:left;
	}
.datagrid table td { padding:0px; border-bottom-width:0px; }

.datagrid th {
  background-color: #666;
  color: #fff;
  text-align: left;
  white-space:nowrap;
}
.datagrid th a       { color:White; text-decoration:none; }
.datagrid th a:hover {              text-decoration:underline; }
.datagrid td a       { text-decoration:none; }
.datagrid td a:hover {              text-decoration:underline; }

.datagrid tr {
  vertical-align: top; 
  background-color: #fff;
}

.datagrid .alt_row td {
  background-color: #eee;
}






/* paging.css */
/* [ Pagination ] */
.pagination {
	padding: 0;
	margin: 20px 0;
	color: #333;
	cursor: default;
	font-size: 11px;
	}
	
	.page_buttons {
		margin: 5px -10px;
		position: relative;
		min-height: 1px;
		}
		
	* html .page_buttons {
		height: 1px;
		}
		
	.pagination a {
		border: 1px solid #ccc;
		padding: 0 3px;
		color: #666;
		margin: 0 2px;
		line-height: 16px;
		display:block;
		float: left;
		text-transform: uppercase;
		}
		
	.pagination a:hover
	 {
		color: #fff;
		background: #008bcd;
		border: 1px solid #008bcd;
		text-decoration: none;
		}
		
	.pagination a.selected,
	.pagination a.selected:hover {
		color: #fff;
		border: 1px solid #008bcd;
		background: #008bcd;
		}
		
	.pagination .nav {
		font-size: 10px;
		margin: 0 10px;
		}
		
	.pagination .disabled,
	.pagination a.disabled:hover {
		color: #ccc;
		border: 1px solid #eee;
		background: none;
		font-size: 10px;
		margin: 0 10px;
		}
		
	.pageSeparator {
		color: #666;
		float: left;
		margin: 0 5px;	
		}
		
		








/*layout.css */

#logo {
	width: 0px;
	height: 130px;
}

#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
	text-indent: -9999em;
}

#logo h1 a {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/sarah/homepage_01.jpg) no-repeat left top;
}













/*   Default.css */
html, body {
	height: inherit;
}

body {
	margin: 0px;
	padding: 0px;
	margin-top:-20px;
	background: #25282F;
	font: 13px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #25282F;
}

h1, h2, h3 {
	margin: 0px;
	text-transform: none;
	color: #25282F;
}

h1 {
	line-height: 40px;
	letter-spacing: -3px;
	font-size: 31px;
	left: auto;
	top: 500px;
	right: auto;
	bottom: auto;
}

h2.home
{
    white-space:nowrap
	line-height: 28px;
	letter-spacing: 0px;
	font-weight: normal;
	font-stretch:normal;
	font-size: 28px;
}

h3 {
	line-height: 14px;
	font-size: 14px;
	font-weight: normal;
	color: #576D7C;
}

.heading-style1 {
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
	color: #576D7C;
}

p, ol, ul {
	margin-top: 1px;
	margin-bottom: 24px;
	text-align: left;
}

strong {
	color: #363944;
}

a {
	color: #386596;
}



a img {
	border: none;
}

img.border {
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

.image-style1 {
	width: 150px;
	height: 130px;
	padding: 20px;
	background: url(../images/sarah/bg1_01.gif) no-repeat left top;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: -10px;
}

.image-style2 
{
    margin-top:10px;
	width: 300px;
	height: 260px;
	padding: 20px;
	background: url(../images/sarah/bg1_03.gif) no-repeat center center;
	
}

.image-style3 
{
    margin-top:-10px;
    margin-left:-10px;
	padding: 20px;
	width: 150px;
	height: auto;
	background: url(../images/sarah/bg1_01.gif) no-repeat left top;
}



.sermonimage
{
    margin-top:-10px;
    margin-left:-10px;
	padding: 20px;
	height: auto;
	background: url(../images/sarah/border.gif) no-repeat left top;
}

.sermonimageshite  { border-style:solid; border-width:2px; border-color:#000; padding:5px; background-color:#ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;} 


hr {
	display: none;
}

/** LIST STYLE 1 */

.list-style1 {
	margin-left: px;
	padding-left: 0px;
	list-style: none;
}

.list-style1 li {
	padding: 7px 0px;
}

.list-style1 b {
	display: inline-block;
	width: 58px;
	margin-right: 15px;
	background: #4C8536;
	text-align: center;
	color: #FFFFFF;
}

/** LIST STYLE 2 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

ul.style1 li {
	padding-bottom: 15px;
}

/** WRAPPER */

#wrapper {
}

.container {
	width: 930px;
	margin: auto;
}

.clearfix {
	clear: both;
}

/** BACKGROUNDS */

#bg1 {
	background: #FFFFFF url(../images/sarah/bg_01.jpg) repeat-x left top;
}

#bg2  { } 

/** HEADER */

#header-bg {
	background-image: url(../images/sarah/bg_021.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#header {
	height: 157px;
}

/** MENU */

#menu {
	float: right; margin-top:-5px;
}

#menu ul {
	list-style: none;
	line-height: normal;
	padding-left: 0px;
	top: 0px;
}

#menu li {
	float: left;
	padding-left: 30px;
}

#menu a {
	text-decoration: none;
	text-transform: lowercase;
	font-size: 18px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/** PAGE */

#page-bg {
	background: url(../images/sarah/bg_021.jpg) no-repeat 50% -157px;
}

#page {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
}

.home #page {
	padding: 0px 0px 0px 0px;
	alignment-adjust: middle;
}

/** BANNER */

#banner {
	height: 297px;
	padding:  20px 0px  55px 0px;
	background: url(../images/sarah/homepage_05.gif) no-repeat center bottom;
}

#banner .image {
	float: left;
	height: 297px;
}

#banner .links {
	float: right;
	width: 295px;
	height: 297px;
	background: url(../images/sarah/linkbg.jpg) no-repeat left top;
}

#banner .links ul {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	list-style: none;
}

#banner .links li {
	float: right;
	width: 225px;
	height: 79px;
	padding: 20px 0px 0px 70px;
}

#banner .links .link1 {}
#banner .links .link2 {}
#banner .links .link3 {}

#banner h2 {
	letter-spacing: normal;
	font-size: 28px;
	color: #FFFFFF;
}

#banner p {
	text-transform: none;
	font-size: 16px;
	color: #FFFFFF;
}

#banner a {
	
	text-emphasis:before;
	text-transform:underline;
	color: #FFFFFF;
	text-decoration: none;
}

#banner a:hover {
	text-decoration: underline;
}

/** CONTENT */

#content {
	width: 900px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.home #content {
	padding: 10px 0px 0px 20px;
}



/** SIDEBAR */

#sidebar {
	float: left;
	width: 430px;
	padding: 0px 0px 10px 0px;
}

.home #sidebar {
	float: left;
	padding: 10px 50px 0px 20px;
}
#sidebar h2 {
	margin-bottom: 340px;
}



/** FOOTER BOX */

#footer-box-bg {
	background: #ECEEF0 url(../images/sarah/bg_03.jpg) repeat-y center top;
}

#footer-box-bgtop {
	padding: 20px 0px;
	background: url(../images/sarah/bg_04.jpg) no-repeat center top;
}

#footer-box {
}

.three-cols {
	width: 930px;
	margin: 0px auto;
	overflow: hidden;
}

.three-cols .col {
	float: left;
	width: 300px;
}

.three-cols .col1 {
	padding-left: 5px;
}

.three-cols .col2 {
	padding-left: 10px;
}

.three-cols .col3 {
	padding-left: 10px;
}

.three-cols .title {
	padding: 10px 20px;
}

.three-cols .image {
	width: 260px;
	height: 70px;
	padding: 20px;
	background: url(../images/sarah/bg1_02.gif) no-repeat left top;
}

.three-cols .entry {
	padding: 10px 20px;
}

/** FOOTER */

#footer-bg {
	background: url(../images/sarah/bg_05.jpg) no-repeat center top;
}

#footer {
	padding: 50px 0px;
	text-transform: lowercase;
}

#footer p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	color: #C2CAD0;
}

#footer .legal {
}

#footer .links {
}

#footer a {
	color: #C2CAD0;
}
